<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- SEO -->
  <title>京东商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
  <meta name="description" content="品优购" />
  <meta name="keywords" content="网上购物,手机、电脑" />
</head>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/index.css">

<body class="index">
  <!-- 快捷导航模块 -->
  <section class="shortcut">
    <div class="w">
      <div class="fl">
        <ul>
          <li>品优购欢迎您！&nbsp;</li>
          <li>
            <a href="#">请登录&nbsp;</a><a href="#" class="style-red">免费注册</a>
          </li>
        </ul>
      </div>
      <div class="fr">
        <ul>
          <li>
            <a href="#">我的订单</a>
          </li>
          <li></li>
          <li>
            <a href="#">我的京东</a>
            <i class="iconfont icon-xiangxia"></i>
          </li>
          <li></li>
          <li>
            <a href="#">京东会员</a>
          </li>
          <li></li>
          <li>
            <a href="#">企业采购</a>
          </li>
          <li></li>
          <li>
            <a href="#">关注品优购</a>
          </li>
          <li></li>
          <li>
            <a href="#">客户服务</a>
          </li>
          <li></li>
          <li>
            <a href="#">网站导航</a>
          </li>
        </ul>
      </div>
    </div>
  </section>
  <!-- 头部模块 -->
  <header class="header">
    <div class="w clearfix">
      <!-- SEO优化logo表现形式 -->
      <!-- 需要h1标签包裹a标签 -->
      <div class="logo">
        <h1>
          <a href="//www.seefly.top" title="品优购商城">京东</a>
        </h1>
      </div>
      <!-- 搜索框 -->
      <div class="search">
        <input type="search" name="keywords" placeholder="电钢琴">
        <i class="iconfont icon-zhaoxiang"></i>
        <button>
          <i class="iconfont icon-fangdajing"></i>
        </button>
        <div class="hotwords">
          <ul>
            <li><a href="" class="style-red">好礼送年货</a></li>
            <li><a href="">超市年货</a></li>
            <li><a href="">高清电视</a></li>
            <li><a href="">居家健身</a></li>
            <li><a href="">健康年货</a></li>
            <li><a href="">京造年货</a></li>
            <li><a href="">年夜饭</a></li>
            <li><a href="">限定礼盒</a></li>
            <li><a href="">华为手机</a></li>
          </ul>
        </div>
      </div>
      <!-- 购物车 -->
      <div class="shopcar">
        <i class="iconfont icon-gouwuchekong"></i>
        <a href="">我的购物车</a>
        <i class="car-num">155</i>
      </div>
    </div>
  </header>
  <nav class="nav">
    <div class="w">
      <div class="dropdown">
        <div class="dt">
          全部商品分类
        </div>
        <div class="dd">
          <ul>
            <li>
              <a href="#">家用电器</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">电脑</a>
              <span>/</span>
              <a href="#">办公</a>
            </li>
            <li>
              <a href="#">家具</a>
              <span>/</span>
              <a href="#">家居</a>
              <span>/</span>
              <a href="#">家装</a>
              <span>/</span>
              <a href="#">厨具</a>

            </li>
            <li>
              <a href="#">男装</a>
              <span>/</span>
              <a href="#">女装</a>
              <span>/</span>
              <a href="#">童装</a>
              <span>/</span>
              <a href="#">内衣</a>
              <span>/</span>

            </li>
            <li>
              <a href="#">美妆</a>
              <span>/</span>
              <a href="#">个护清洁</a>
              <span>/</span>
              <a href="#">宠物</a>
            </li>
            <li>
              <a href="#">女鞋</a>
              <span>/</span>
              <a href="#">箱包</a>
              <span>/</span>
              <a href="#">钟表</a>
              <span>/</span>
              <a href="#">珠宝</a>
            </li>
            <li>
              <a href="#">男鞋</a>
              <span>/</span>
              <a href="#">运动</a>
              <span>/</span>
              <a href="#">户外</a>
            </li>
            <li>
              <a href="#">房产</a>
              <span>/</span>
              <a href="#">汽车</a>
              <span>/</span>
              <a href="#">汽车用品</a>
            </li>
            <li>
              <a href="#">母婴</a>
              <span>/</span>
              <a href="#">玩具乐器</a>
            </li>
            <li>
              <a href="#">食品</a>
              <span>/</span>
              <a href="#">酒类</a>
              <span>/</span>
              <a href="#">生鲜</a>
              <span>/</span>
              <a href="#">特产</a>
            </li>
            <li>
              <a href="#">艺术</a>
              <span>/</span>
              <a href="#">礼品鲜花</a>
              <span>/</span>
              <a href="#">农资绿植</a>
            </li>
            <li>
              <a href="#">医药保健</a>
              <span>/</span>
              <a href="#">计划情趣</a>
            </li>
            <li>
              <a href="#">图书</a>
              <span>/</span>
              <a href="#">文娱</a>
              <span>/</span>
              <a href="#">教育</a>
              <span>/</span>
              <a href="#">电子书</a>
            </li>
            <li>
              <a href="#">机票</a>
              <span>/</span>
              <a href="#">酒店</a>
              <span>/</span>
              <a href="#">旅游</a>
              <span>/</span>
              <a href="#">生活</a>
            </li>
            <li>
              <a href="#">理财</a>
              <span>/</span>
              <a href="#">众筹</a>
              <span>/</span>
              <a href="#">白条</a>
              <span>/</span>
              <a href="#">保险</a>
            </li>
            <li>
              <a href="#">安装</a>
              <span>/</span>
              <a href="#">维修</a>
              <span>/</span>
              <a href="#">清洁</a>
              <span>/</span>
              <a href="#">二手</a>
            </li>
            <li>
              <a href="#">工业品</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="nav-items">
        <ul>
          <li><a href="#">秒杀</a></li>
          <li><a href="#">优惠卷</a></li>
          <li><a href="#">PLUS会员</a></li>
          <li><a href="#">品牌闪购</a></li>
          <li><a href="#">拍卖</a></li>
          <li><a href="#">京东家电</a></li>
          <li><a href="#">京东超市</a></li>
          <li><a href="#">京东生鲜</a></li>
          <li><a href="#">京东国际</a></li>
          <li><a href="#">京东金融</a></li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="main w">
    <!-- 顶部区域 -->
    <div class="top">
      <div class="focus">
        <div class="main-focus">
          <div id="slider" class="slider-list">
            <ul>
              <li class="show">
                <a href="#1">
                  <img src="./img/slider-main1.webp" alt="">
                </a>
              </li>
              <li>
                <a href="#2">
                  <img src="./img/slider-main2.webp" alt="">
                </a>
              </li>
              <li>
                <a href="#3">
                  <img src="./img/slider-main3.webp" alt="">
                </a>
              </li>
            </ul>
          </div>
          <button class="slider-btn btn-l" id="perBtn">
            <i class="iconfont icon-tubiaozhizuo-"></i>
          </button>
          <button class="slider-btn btn-r" id="nextBtn">
            <i class="iconfont icon-you"></i>
          </button>
          <div class="slider-radius" id="slider-radius">
            <i></i>
            <i></i>
            <i></i>
          </div>
        </div>
        <div class="sider-focus">
          <ul>
            <li>
              <a href="#">
                <img src="./img/small-1.jpg.webp" alt="">
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./img/small-2.jpg.webp" alt="">
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./img/small-3.jpg.webp" alt="">
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="services">
        <div class="service-user">
          <div class="user-login">
            <div class="user-avatar">
              <img src="./img/avatar.png" alt="">
            </div>
            <div class="user-info">
              <p>
                <a href="#">Hi~欢迎逛京东！</a>
              </p>
              <a href="#">登录</a>|
              <a href="#">注册</a>
            </div>
          </div>
          <div class="user-btns">
            <button class="new">新人福利</button>
            <button class="vip">PLUS会员</button>
          </div>
        </div>

        <div class="service-news">
          <div class="title">
            <h1>京东快报</h1>
            <a href="#">更多></a>
          </div>
          <ul>
            <li>
              <a href="#">
                <span>热评</span>
                超高贴合放肆运动放马过来吧s士大夫首发式地方s
              </a>
            </li>
            <li>
              <a href="#">
                <span>热评</span>
                超高贴合放肆运动放马过来吧s士大夫首发式地方s
              </a>
            </li>
            <li>
              <a href="#">
                <span>热评</span>
                超高贴合放肆运动放马过来吧s士大夫首发式地方s
              </a>
            </li>
            <li>
              <a href="#">
                <span>热评</span>
                超高贴合放肆运动放马过来吧s士大夫首发式地方s
              </a>
            </li>

          </ul>
        </div>
        <div class="service-item clearfix">
          <ul class="clearfix">
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/jipiao.png" alt="">
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/jiudian.png" alt="">
                <p>酒店</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="./img/phonefee.png" alt="">
                <p>话费</p>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 秒杀专区 -->
    <div class="seckill">
      <!-- 计时器 -->
      <div class="timmer">
        <h1>京东秒杀</h1>
        <div class="counter">
          <p>
            <strong>14:00</strong>点场倒计时
          </p>
          <div class="clock">
            <p>
              <span class="hour">01</span>
              <span class="minute">20</span>
              <span class="second">33</span>
            </p>
          </div>
        </div>
      </div>
      <!-- 秒杀-商品列表 -->
      <div class="seckill-list">
        <div class="slider-list" id="seckill">
          <ul>
            <li class="slider-item">
              <ul>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/redmi.png.webp" alt="">
                    <p class="desc">小米 Redmi红米K30S至尊手机</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/yu.jpg.webp" alt="">
                    <p class="desc">【新年请好运 送礼送吉祥】好饰品</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/sanxing.png.webp" alt="">
                    <p class="desc">三星 Galaxy S21 5G（SM-G9910）双模5G 骁龙888 超高清专业摄像 120Hz护目屏 游戏手机 8G+128G 墨影灰</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/kuzi.jpg.webp" alt="">
                    <p class="desc">史努比SNOOPY童装儿童裤子春秋新款男女童卫裤休闲裤宝宝外出长裤 白绅士史努比简单工装-黑色 110CM</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="slider-item">
              <ul>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/redmi.png.webp" alt="">
                    <p class="desc">第二页</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/yu.jpg.webp" alt="">
                    <p class="desc">【新年请好运 送礼送吉祥】好饰品</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/sanxing.png.webp" alt="">
                    <p class="desc">三星 Galaxy S21 5G（SM-G9910）双模5G 骁龙888 超高清专业摄像 120Hz护目屏 游戏手机 8G+128G 墨影灰</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/kuzi.jpg.webp" alt="">
                    <p class="desc">史努比SNOOPY童装儿童裤子春秋新款男女童卫裤休闲裤宝宝外出长裤 白绅士史努比简单工装-黑色 110CM</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="slider-item">
              <ul>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/redmi.png.webp" alt="">
                    <p class="desc">第三页</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/yu.jpg.webp" alt="">
                    <p class="desc">【新年请好运 送礼送吉祥】好饰品</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/sanxing.png.webp" alt="">
                    <p class="desc">三星 Galaxy S21 5G（SM-G9910）双模5G 骁龙888 超高清专业摄像 120Hz护目屏 游戏手机 8G+128G 墨影灰</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
                <li class="goods-item">
                  <a href="#">
                    <img src="./upload/kuzi.jpg.webp" alt="">
                    <p class="desc">史努比SNOOPY童装儿童裤子春秋新款男女童卫裤休闲裤宝宝外出长裤 白绅士史努比简单工装-黑色 110CM</p>
                    <p class="price clearfix">
                      <span class="miaosha_price">￥2886.00</span>
                      <span class="origin_price">￥3599.00</span>
                    </p>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <button class="slider-btn btn-l" id="seckill-per">
          <i class="iconfont icon-tubiaozhizuo-"></i>
        </button>
        <button class="slider-btn btn-r" id="seckill-next">
          <i class="iconfont icon-you"></i>
        </button>
      </div>
      <div class="seckill-brand">
        <div class="slider-list">
          <ul>
            <li class="slider-item">
              <img src="./upload/bigpai-1.jpg.webp" alt="">
              <div class="info">
                <p class="desc">电脑装备品类秒杀</p>
                <p class="pay-way">最高12期白条免息</p>
                <button>品类秒杀></button>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 特选商品 -->
    <div class="special">
      <!-- 第一列 -->
      <div class="core1 clearfix">
        <!-- 日常特价 -->
        <div class="daily tab">
          <h1 class="tab-tit">每日特价</h1>
          <div class="daily-wapper">
            <ul class="daily-items">
              <li class="daily-item">
                <h1 class="">精选</h1>
                <div class="daily-goods">
                  <div class="goods-best">
                    <span class="why-best">
                      322天最低价
                    </span>
                    <a href="#">
                      <img class="goods-pic" src="./upload/daily-good-xiashuidao.jpg.webp" alt="">
                      <p class="desc">管道清洁棒下水道疏通120根</p>
                      <p class="price clearfix">
                        <span class="miaosha_price">￥46.56</span>
                        <span class="origin_price">￥118</span>
                      </p>
                    </a>
                  </div>
                  <div class="goods-list">
                    <ul>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-good-bagua.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">指尖陀螺太极八卦金属手指陀螺</p>
                            <p class="price">
                              <span class="miaosha_price">￥39</span>
                              <span class="origin_price">￥59</span>
                            </p>
                          </div>

                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-good-wangyuanjing.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">汉轩 高压直喷水枪铜洗车喷头</p>
                            <p class="price">
                              <span class="miaosha_price">￥68</span>
                              <span class="origin_price">￥59</span>
                            </p>
                          </div>
                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-good-beizi.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">加厚印花玻璃杯耐热防爆玻璃杯</p>
                            <p class="price">
                              <span class="miaosha_price">￥13.8</span>
                              <span class="origin_price">￥39</span>
                            </p>
                          </div>
                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-good-huixuanbiao.jpg.webp" alt="">
                            <span>242天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">回旋镖EVA回力镖飞去来器V字儿</p>
                            <p class="price">
                              <span class="miaosha_price">￥49</span>
                              <span class="origin_price">￥129</span>
                            </p>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="daily-item">
                <h1>美食</h1>
                <div class="daily-goods">
                  <div class="goods-best">
                    <span class="why-best">
                      322天最低价
                    </span>
                    <a href="#">
                      <img class="goods-pic" src="./upload/gehu-best.webp" alt="">
                      <p class="desc">草莓泡沫洗手液300g*3</p>
                      <p class="price clearfix">
                        <span class="miaosha_price">￥46.56</span>
                        <span class="origin_price">￥118</span>
                      </p>
                    </a>
                  </div>
                  <div class="goods-list">
                    <ul>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-goods-yagao.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">片仔癀牙火清清火护龈牙膏2支</p>
                            <p class="price">
                              <span class="miaosha_price">￥39</span>
                              <span class="origin_price">￥59</span>
                            </p>
                          </div>

                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-goods-piyanping.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">百草皮肤止痒抑菌膏25g/支</p>
                            <p class="price">
                              <span class="miaosha_price">￥68</span>
                              <span class="origin_price">￥59</span>
                            </p>
                          </div>
                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-goods-jijiaotie.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">白云山鸡眼贴足部去脚鸡眼膏</p>
                            <p class="price">
                              <span class="miaosha_price">￥13.8</span>
                              <span class="origin_price">￥39</span>
                            </p>
                          </div>
                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-goods-fengxiong.jpg.webp" alt="">
                            <span>242天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">仁和丰美胸增大乳房刘燕酿制</p>
                            <p class="price">
                              <span class="miaosha_price">￥49</span>
                              <span class="origin_price">￥129</span>
                            </p>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="daily-item">
                <h1>百货</h1>
                <div class="daily-goods">
                  <div class="goods-best">
                    <span class="why-best">
                      322天最低价
                    </span>
                    <a href="#">
                      <img class="goods-pic" src="./upload/daily-good-xiashuidao.jpg.webp" alt="">
                      <p class="desc">管道清洁棒下水道疏通120根</p>
                      <p class="price clearfix">
                        <span class="miaosha_price">￥46.56</span>
                        <span class="origin_price">￥118</span>
                      </p>
                    </a>
                  </div>
                  <div class="goods-list">
                    <ul>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-good-bagua.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">指尖陀螺太极八卦金属手指陀螺</p>
                            <p class="price">
                              <span class="miaosha_price">￥39</span>
                              <span class="origin_price">￥59</span>
                            </p>
                          </div>

                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-good-wangyuanjing.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">汉轩 高压直喷水枪铜洗车喷头</p>
                            <p class="price">
                              <span class="miaosha_price">￥68</span>
                              <span class="origin_price">￥59</span>
                            </p>
                          </div>
                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-good-beizi.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">加厚印花玻璃杯耐热防爆玻璃杯</p>
                            <p class="price">
                              <span class="miaosha_price">￥13.8</span>
                              <span class="origin_price">￥39</span>
                            </p>
                          </div>
                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-good-huixuanbiao.jpg.webp" alt="">
                            <span>242天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">回旋镖EVA回力镖飞去来器V字儿</p>
                            <p class="price">
                              <span class="miaosha_price">￥49</span>
                              <span class="origin_price">￥129</span>
                            </p>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="daily-item">
                <h1>个护</h1>
                <div class="daily-goods">
                  <div class="goods-best">
                    <span class="why-best">
                      322天最低价
                    </span>
                    <a href="#">
                      <img class="goods-pic" src="./upload/gehu-best.webp" alt="">
                      <p class="desc">草莓泡沫洗手液300g*3</p>
                      <p class="price clearfix">
                        <span class="miaosha_price">￥46.56</span>
                        <span class="origin_price">￥118</span>
                      </p>
                    </a>
                  </div>
                  <div class="goods-list">
                    <ul>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-goods-yagao.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">片仔癀牙火清清火护龈牙膏2支</p>
                            <p class="price">
                              <span class="miaosha_price">￥39</span>
                              <span class="origin_price">￥59</span>
                            </p>
                          </div>

                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-goods-piyanping.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">百草皮肤止痒抑菌膏25g/支</p>
                            <p class="price">
                              <span class="miaosha_price">￥68</span>
                              <span class="origin_price">￥59</span>
                            </p>
                          </div>
                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-goods-jijiaotie.jpg.webp" alt="">
                            <span>342天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">白云山鸡眼贴足部去脚鸡眼膏</p>
                            <p class="price">
                              <span class="miaosha_price">￥13.8</span>
                              <span class="origin_price">￥39</span>
                            </p>
                          </div>
                        </a>
                      </li>
                      <li class="goods-item">
                        <a href="#">
                          <div class="img">
                            <img src="./upload/daily-goods-fengxiong.jpg.webp" alt="">
                            <span>242天最低价</span>
                          </div>
                          <div class="info">
                            <p class="desc">仁和丰美胸增大乳房刘燕酿制</p>
                            <p class="price">
                              <span class="miaosha_price">￥49</span>
                              <span class="origin_price">￥129</span>
                            </p>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <!-- 品牌闪购 -->
        <div class="flash-buy tab">
          <h1 class="tab-tit">品牌闪购</h1>
          <div class="tab-body">
            <div class="flash-big">
              <a href="#">
                <p class="flash-title">金帅家电闪购专场</p>
                <p class="flash-info">全自动低至598</p>
                <img src="./upload/flash-jinshuai.webp" alt="">
              </a>
            </div>
            <div class="flash-items">
              <ul>
                <li class="flash-item">
                  <img src="./upload/flash-pinpai-yamaha.webp" alt="">
                  <p class="flash-info">雅马哈品牌闪购</p>
                </li>
                <li class="flash-item">
                  <img src="./upload/flash-pinpai-yamaha.webp" alt="">
                  <p class="flash-info">雅马哈品牌闪购</p>
                </li>
                <li class="flash-item">
                  <img src="./upload/flash-pinpai-yamaha.webp" alt="">
                  <p class="flash-info">雅马哈品牌闪购</p>
                </li>
                <li class="flash-item">
                  <img src="./upload/flash-pinpai-yamaha.webp" alt="">
                  <p class="flash-info">雅马哈品牌闪购</p>
                </li>
                <li class="flash-item">
                  <img src="./upload/flash-pinpai-yamaha.webp" alt="">
                  <p class="flash-info">雅马哈品牌闪购</p>
                </li>
                <li class="flash-item">
                  <img src="./upload/flash-pinpai-yamaha.webp" alt="">
                  <p class="flash-info">雅马哈品牌闪购</p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!-- 第而列-好货 -->
      <div class="nice-goods">
        <div class="nice-goods-left">
          <div class="nice-goods-left-info">
            <div class="pic"></div>
            <p class="tab-tit">探索新生活</p>
          </div>
        </div>
        <!-- 轮播条 -->
        <div class="nice-goods-slider">
          <div class="slider-list" id="niceGoodsSlider">
            <ul class="clearfix">
              <li class="slider-item">
                <a href="#">
                  <p class="desc down">大黄米真好吃，大家都喜欢吃大黄米</p>
                  <img src="./upload/nice-goods-slider-dahuangmi.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc down">巴沙鱼片，卧槽真的无敌好吃</p>
                  <img src="./upload/nice-goods-slider-basha.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc">九阳豆浆机，买回家打豆浆喝</p>
                  <img src="./upload/nice-goods-slider-jiuyang.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc">一天一杯奶，健康中国人</p>
                  <img src="./upload/nice-goods-slider-niunai.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc">买个新手机，扔掉旧手机</p>
                  <img src="./upload/nice-goods-slider-shouji.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc down">大黄米真好吃，大家都喜欢吃大黄米</p>
                  <img src="./upload/nice-goods-slider-dahuangmi.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc down">巴沙鱼片，卧槽真的无敌好吃</p>
                  <img src="./upload/nice-goods-slider-basha.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc">九阳豆浆机，买回家打豆浆喝</p>
                  <img src="./upload/nice-goods-slider-jiuyang.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc">一天一杯奶，健康中国人</p>
                  <img src="./upload/nice-goods-slider-niunai.png.webp" alt="">
                </a>
              </li>
              <li class="slider-item">
                <a href="#">
                  <p class="desc">买个新手机，扔掉旧手机</p>
                  <img src="./upload/nice-goods-slider-shouji.png.webp" alt="">
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 第三列-新品首发 -->
      <div class="core3">
        <div class="tab">
          <h1 class="tab-tit">新品首发</h1>
        </div>
        <div class="tab">
          <h1 class="tab-tit">排行榜</h1>
          <div class="tab-body">
            <ul class="clearfix" id="top-tag">
              <li class="top-type">
                <h1 class="type-name">装修服务</h1>
                <div class="type-body">
                  <ul>
                    <li class="type-item">
                      <div class="top-mark top-1"> </div>
                      <img src="./img/top-职场.webp" alt="">
                      <p>【京东企悦】职场装修升级服务</p>
                    </li>
                    <li class="type-item">
                      <div class="top-mark top-2"></div>
                      <img src="./img/top-dingzhi.webp" alt="">
                      <p>欧派整装全屋定制整体家具 橱柜衣柜木门浴室柜定制贝加尔湖畔 56800元全屋套装 定制预付金 朝阳区</p>
                    </li>
                    <li class="type-item">
                      <div class="top-mark top-3"></div>
                      <img src="./img/top-yimao.webp" alt="">
                      <p>欧派整装卧室衣柜衣帽间阳台洗衣机柜橱柜定制西斯格调 46800元套餐定制预付金</p>
                    </li>
                  </ul>
                </div>
              </li>
              <li class="top-type">
                <h1 class="type-name">装饰材料</h1>
                <div class="type-body">
                  <ul>
                    <li class="type-item">
                      <div class="top-mark top-1"> </div>
                      <img src="./img/top-zhuobo.webp" alt="">
                      <p>定制钢化玻璃长方形玻璃板茶几圆形桌面餐桌台面订做鋼化超清白玻璃</p>
                    </li>
                    <li class="type-item">
                      <div class="top-mark top-2"></div>
                      <img src="./img/top-dingzhi.webp" alt="">
                      <p>欧派整装全屋定制整体家具 橱柜衣柜木门浴室柜定制贝加尔湖畔 56800元全屋套装 定制预付金 朝阳区</p>
                    </li>
                    <li class="type-item">
                      <div class="top-mark top-3"></div>
                      <img src="./img/top-yimao.webp" alt="">
                      <p>欧派整装卧室衣柜衣帽间阳台洗衣机柜橱柜定制西斯格调 46800元套餐定制预付金</p>
                    </li>
                  </ul>
                </div>
              </li>
              <li class="top-type">
                <h1 class="type-name">墙地面材料</h1>
                <div class="type-body">
                  <ul>
                    <li class="type-item">
                      <div class="top-mark top-1"> </div>
                      <img src="./img/top-zhuobo.webp" alt="">
                      <p>定制钢化玻璃长方形玻璃板茶几圆形桌面餐桌台面订做鋼化超清白玻璃</p>
                    </li>
                    <li class="type-item">
                      <div class="top-mark top-2"></div>
                      <img src="./img/top-dingzhi.webp" alt="">
                      <p>欧派整装全屋定制整体家具 橱柜衣柜木门浴室柜定制贝加尔湖畔 56800元全屋套装 定制预付金 朝阳区</p>
                    </li>
                    <li class="type-item">
                      <div class="top-mark top-3"></div>
                      <img src="./img/top-yimao.webp" alt="">
                      <p>欧派整装卧室衣柜衣帽间阳台洗衣机柜橱柜定制西斯格调 46800元套餐定制预付金</p>
                    </li>
                  </ul>
                </div>
              </li>
              <li class="top-type">
                <h1 class="type-name">电工电料</h1>
                <div class="type-body">
                  <ul>
                    <li class="type-item">
                      <div class="top-mark top-1"> </div>
                      <img src="./img/top-zhuobo.webp" alt="">
                      <p>定制钢化玻璃长方形玻璃板茶几圆形桌面餐桌台面订做鋼化超清白玻璃</p>
                    </li>
                    <li class="type-item">
                      <div class="top-mark top-2"></div>
                      <img src="./img/top-dingzhi.webp" alt="">
                      <p>欧派整装全屋定制整体家具 橱柜衣柜木门浴室柜定制贝加尔湖畔 56800元全屋套装 定制预付金 朝阳区</p>
                    </li>
                    <li class="type-item">
                      <div class="top-mark top-3"></div>
                      <img src="./img/top-yimao.webp" alt="">
                      <p>欧派整装卧室衣柜衣帽间阳台洗衣机柜橱柜定制西斯格调 46800元套餐定制预付金</p>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="tab">
          <h1 class="tab-tit">逛好店</h1>
          <div class="tab-body">
            <div class="shop-card">
              <div class="info">
                <a href="">伊利牛奶京东自营旗舰店</a>
                <p class="tag">
                  <span>自营</span>
                  <span>吃货最爱</span>
                </p>
                <p class="focus">2213.1万人关注</p>
              </div>
              <img src="./img/shop-yili.webp" alt="伊利牛奶京东自营">
            </div>
            <div class="shop-card">
              <div class="info">
                <a href="">小米京东自营旗舰店</a>
                <p class="tag">
                  <span>自营</span>
                  <span>潮流3C</span>
                </p>
                <p class="focus">22113.1万人关注</p>
              </div>
              <img src="./img/shop-xiaomi.webp" alt="小米京东自营旗舰店">
            </div>
          </div>
        </div>
        <div class="tab">
          <h1 class="tab-tit">领券中心</h1>
          <div class="tab-body">
            <ul class="quans">
              <li class="quan-item">
                <div class="img">
                  <img src="./img/quan-502.webp" alt="">
                </div>
                <a href="#" class="more">更多好券</a>
                <div class="info">
                  <p class="price">
                    ￥13
                  </p>
                  <p class="condition">满99元可用</p>
                  仅可购买部分京东商品
                </div>
              </li>
              <li class="quan-item">
                <div class="img">
                  <img src="./img/quan-502.webp" alt="">
                </div>
                <a href="#" class="more">更多好券</a>
                <div class="info">
                  <p class="price">
                    ￥13
                  </p>
                  <p class="condition">满99元可用</p>
                  仅可购买部分京东商品
                </div>
              </li>
              <li class="quan-item">
                <div class="img">
                  <img src="./img/quan-502.webp" alt="">
                </div>
                <a href="#" class="more">更多好券</a>
                <div class="info">
                  <p class="price">
                    ￥13
                  </p>
                  <p class="condition">满99元可用</p>
                  仅可购买部分京东商品
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="channel">
      <h1 class="channel-title">
        <span>频道广场</span>
      </h1>
      <div class="channel-item channel-item-2">
        <div class="big-img">
          <a href="#">
            <img src="./img/channel-2-1.webp" alt="">
          </a>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="big-img">
          <a href="#">
            <img src="./img/channel-2-2.webp" alt="">
          </a>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>

      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>

      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="channel-item channel-item-2">
        <div class="channel-item channel-item-1">
          <div class="card">
            <div class="card-header">
              <h1>
                新机首发
                <span>有新机更有范</span>
              </h1>
            </div>
            <div class="card-img">
              <img src="./img/channel-1.webp" alt="">
              <img src="./img/channel-2.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      
    </div>
  </div>

  <footer class="footer">
    <!-- 服务宗旨 -->
    <div class="w">
      <div class="mod-services">
        <ul class="mod-services-list">
          <li class="mod-services-item">
            <h5 class="mod-services-tit mod-services-duo">多</h5>
            <p class="mod-services-txt">品类齐全，轻松购物</p>
          </li>
          <li class="mod-services-item">
            <h5 class="mod-services-tit mod-services-kuai">快</h5>
            <p class="mod-services-txt">多仓直发，急速配送</p>
          </li>
          <li class="mod-services-item">
            <h5 class="mod-services-tit mod-services-hao">好</h5>
            <p class="mod-services-txt">正品行货，精致服务</p>
          </li>
          <li class="mod-services-item">
            <h5 class="mod-services-tit mod-services-sheng">省</h5>
            <p class="mod-services-txt">天天低价，畅选无忧</p>
          </li>
        </ul>
      </div>
    </div>
    <!-- 帮助 -->
    <div class="mod-help">
      <div class="w clearfix">
        <div class="mod-help-category">
          <h1 class="mod-help-tit">购物指南</h1>
          <ul class="mod-help-list">
            <li class="mod-help-item">
              <a href="#">购物流程</a>
            </li>
            <li class="mod-help-item">
              <a href="#">会员介绍</a>
            </li>
            <li class="mod-help-item">
              <a href="#">生活旅行</a>
            </li>
            <li class="mod-help-item">
              <a href="#">常见问题</a>
            </li>
            <li class="mod-help-item">
              <a href="#">大家电</a>
            </li>
            <li class="mod-help-item">
              <a href="#">联系客服</a>
            </li>
          </ul>
        </div>
        <div class="mod-help-category">
          <h1 class="mod-help-tit">购物指南</h1>
          <ul class="mod-help-list">
            <li class="mod-help-item">
              <a href="#">购物流程</a>
            </li>
            <li class="mod-help-item">
              <a href="#">会员介绍</a>
            </li>
            <li class="mod-help-item">
              <a href="#">生活旅行</a>
            </li>
            <li class="mod-help-item">
              <a href="#">常见问题</a>
            </li>
            <li class="mod-help-item">
              <a href="#">大家电</a>
            </li>
            <li class="mod-help-item">
              <a href="#">联系客服</a>
            </li>
          </ul>
        </div>
        <div class="mod-help-category">
          <h1 class="mod-help-tit">购物指南</h1>
          <ul class="mod-help-list">
            <li class="mod-help-item">
              <a href="#">购物流程</a>
            </li>
            <li class="mod-help-item">
              <a href="#">会员介绍</a>
            </li>
            <li class="mod-help-item">
              <a href="#">生活旅行</a>
            </li>
            <li class="mod-help-item">
              <a href="#">常见问题</a>
            </li>
            <li class="mod-help-item">
              <a href="#">大家电</a>
            </li>
            <li class="mod-help-item">
              <a href="#">联系客服</a>
            </li>
          </ul>
        </div>
        <div class="mod-help-category">
          <h1 class="mod-help-tit">购物指南</h1>
          <ul class="mod-help-list">
            <li class="mod-help-item">
              <a href="#">购物流程</a>
            </li>
            <li class="mod-help-item">
              <a href="#">会员介绍</a>
            </li>
            <li class="mod-help-item">
              <a href="#">生活旅行</a>
            </li>
            <li class="mod-help-item">
              <a href="#">常见问题</a>
            </li>
            <li class="mod-help-item">
              <a href="#">大家电</a>
            </li>
            <li class="mod-help-item">
              <a href="#">联系客服</a>
            </li>
          </ul>
        </div>
        <div class="mod-help-category">
          <h1 class="mod-help-tit">购物指南</h1>
          <ul class="mod-help-list">
            <li class="mod-help-item">
              <a href="#">购物流程</a>
            </li>
            <li class="mod-help-item">
              <a href="#">会员介绍</a>
            </li>
            <li class="mod-help-item">
              <a href="#">生活旅行</a>
            </li>
            <li class="mod-help-item">
              <a href="#">常见问题</a>
            </li>
            <li class="mod-help-item">
              <a href="#">大家电</a>
            </li>
            <li class="mod-help-item">
              <a href="#">联系客服</a>
            </li>
          </ul>
        </div>
        <div class="mod-help-category ">
          <h1 class="mod-help-tit">京东自营覆盖区县
          </h1>
          <p class="mod-help-desc">
            京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
          </p>
          <div class="mod-help-more">
            <a href="#">查看详情></a>
          </div>
        </div>
      </div>
    </div>
    <!-- 权力声明 -->
    <div class="w">
      <div class="mod-copyright">
        <div class="mod-copyright-links">
          <p>
            <a class="link-item" href="#">关于我们</a>
            <a class="link-item" href="#">联系我们</a>
            <a class="link-item" href="#">联系客服</a>
            <a class="link-item" href="#">合作招商</a>
            <a class="link-item" href="#">商家帮助</a>
            <a class="link-item" href="#">营销中心</a>
            <a class="link-item" href="#">手机京东</a>
            <a class="link-item" href="#">友情连接</a>
            <a class="link-item" href="#">销售联盟</a>
            <a class="link-item" href="#">京东社区</a>
            <a class="link-item" href="#">风险检测</a>
            <a class="link-item" href="#">隐私政策</a>
            <a class="link-item" href="#">京东公益</a>
            <a class="link-item" href="#">English Site</a>
            <a class="link-item" href="#">Media & IR</a>
          </p>
        </div>
        <div class="mod-copyright-cert">
          <p>
            <a href="" class="link-item">京公安网备1100000002309号</a>
            <a href="" class="link-item">京公安网备1100000002309号</a>
            <a href="" class="link-item">京公安网备1100000002309号</a>
            <a href="" class="link-item">京公安网备1100000002309号</a>
            <span>新出发京零&nbsp;字第大120007号</span>
          </p>
        </div>
        <div class="mod-copyright-auth">
          <a href="#" class="mod-copyright-auth-item xinyong"></a>
          <a href="#" class="mod-copyright-auth-item cup"></a>
        </div>
      </div>
    </div>
  </footer>
  <script type="module">
    import Slider from './js/Slider.js';
    let focus = new Slider({
      sliderId: 'slider',
      itemSize: 3,
      prevBtnId: 'perBtn',
      nextBtnId: 'nextBtn',
      sliderRadiusId: 'slider-radius',
      width: 590,
      transitionSec: 1,
      autoSlider: false,
      periodSec: 2.5
    });
    let seckill = new Slider({
      sliderId: 'seckill',
      itemSize: 3,
      prevBtnId: 'seckill-per',
      nextBtnId: 'seckill-next',
      width: 800,
      transitionSec: 1,
      autoSlider: false,
      periodSec: 2.5
    });
    let niceGoods = new Slider({
      sliderId: 'niceGoodsSlider',
      itemSize: 10,
      width: 198,
      transitionSec: 3,
      autoSlider: true,
      periodSec: 3,
      moveType: 'cubic-bezier(1, 1, 1, 1)'
    })

    let dailies = Array.from(document.querySelectorAll('.daily .daily-items h1'));
    dailies.forEach(dom => {
      dom.addEventListener('mouseenter', event => {
        dailies.forEach(d => {
          d.nextElementSibling.style.display = 'none'
        })
        event.target.nextElementSibling.style.display = 'block'
      })
    })

    let tops = Array.from(document.querySelectorAll('#top-tag h1'));
    tops.forEach(dom => {
      dom.addEventListener('mouseenter', event => {
        tops.forEach(d => {
          d.nextElementSibling.style.display = 'none'
        })
        event.target.nextElementSibling.style.display = 'block'
      })
    })

  </script>
</body>

</html>